<template>
  <div class="twobenke">
    <LoadingComponent v-slot="{ loadingFlag }" class="twobenke_banner">
      <img
        :src="'http://www.shxw114.com:9527/' + it.stu_nav"
        v-if="loadingFlag"
        v-for="it in banner"
        :key="it.stu_id"
      />
    </LoadingComponent>
    <div class="jies_zi">
      <h2>什么是2+2留学？</h2>
      <p>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ banner[0]?.stu_title }}
      </p>
    </div>
    <div class="to">
      <div class="lisosa">留学基地2+2院校推荐</div>
      <div class="lxyk_cont">
        <LoadingComponent
          v-slot="{ loadingFlag }"
          class="lxyk_cont1"
          v-for="it in ModJypcgoSidDates"
          :key="it.cate_id"
        >
          <img
            :src="'http://www.shxw114.com:9527/' + it.jypc_logo"
            v-if="loadingFlag"
          />
        </LoadingComponent>
      </div>

      <div class="title_13">
        <h3>申请条件</h3>
      </div>

      <div class="inner_13_list">
        <LoadingComponent
          v-slot="{ loadingFlag }"
          class="inner_13_list_1"
          v-for="it in 6"
          :key="it"
        >
          <img
            src="http://www.guojiyuke.net/img/8940/tiaojian_pics_03.jpg"
            v-if="loadingFlag"
          />
          <p>
            应往届高中毕业生、同等学历及以上学生；留学时必须能提供高中毕业证
          </p>
          <a href="">详情咨询</a>
        </LoadingComponent>
      </div>
      <div class="title_13">
        <h3>留学模式推荐</h3>
      </div>
      <div class="moshi_sel">
        <LoadingComponent
          v-slot="{ loadingFlag }"
          v-for="it in moshi_selDates"
          :key="it.id"
        >
          <a href="https://p.qiao.baidu.com/cps/chat?siteId=17865090&userId=39789408&siteToken=1592882751da134d1450a7e08b16ffcb">
            <img
              :src="it.img"
              v-if="loadingFlag"
            />
          </a>
        </LoadingComponent>
      </div>
    </div>
    <FooterTwo />
    <InquiryHk />
  </div>
</template>
<script setup>
import { ref } from "@vue/reactivity";
import { ModGostudySidGet, ModJypcgoSidGet } from "../../server/index.js";
import { axiosFun } from "../../axios";
import InquiryHk from "../inquiryHk/index.vue";
import FooterTwo from "../../components/FooterTwo/index.vue";
const axios_ = async (v) => {
  const { data } = await v();
  return data;
};
const ModJypcgoSidDates = ref({});
const banner = ref({});
const moshi_selDates = ref({});
(async (v) => {
  banner.value = await axios_(ModGostudySidGet);
  ModJypcgoSidDates.value = await axios_(ModJypcgoSidGet);
  {
    const { data } = await axiosFun().post(
      "/JSON/liuxuemoshituijian/index.json"
    );
    moshi_selDates.value = data;
  }
})();
</script>
<style scoped>
.twobenke {
  width: 100%;
  height: auto;
  margin-bottom: 3rem;
}
.twobenke_banner {
  width: 100%;
  height: 8rem;
}
.twobenke_banner img {
  width: 100%;
  height: 100%;
}
</style>